const toAddContent = "<li>\n" +
    "                                <div class=\"author-thumb\">\n" +
    "                                    <img src=\"img/avatar55-sm.jpg\" alt=\"author\">\n" +
    "                                </div>\n" +
    "                                <div class=\"notification-event\">\n" +
    "                                    <a href=\"#\" class=\"h6 notification-friend\" id='friend-name'>Tamara Romanoff</a>\n" +
    "                                    <span class=\"chat-message-item\">Mutual Friend: Sarah Hetfield</span>\n" +
    "                                </div>\n" +
    "                                <span class=\"notification-icon\">\n" +
    "                                        <a href='javascript:void(0);' onclick='acceptFriendRequest(this)' class=\"accept-request\" >\n" +
    "                                            <span class=\"icon-add without-text\">\n" +
    "                                                <svg class=\"olymp-happy-face-icon\">\n" +
    "                                                    <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-happy-face-icon\">\n" +
    "                                                    </use>\n" +
    "                                                </svg>\n" +
    "                                            </span>\n" +
    "                                        </a>\n" +
    "                                        <a href=\"javascript:void(0);\" onclick='refuseToAccept(this)' class=\"accept-request request-del\">\n" +
    "                                            <span class=\"icon-minus\">\n" +
    "                                                <svg class=\"olymp-happy-face-icon\">\n" +
    "                                                    <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-happy-face-icon\">\n" +
    "                                                    </use>\n" +
    "                                                </svg>\n" +
    "                                            </span>\n" +
    "                                        </a>\n" +
    "                                    </span>\n" +
    "                                <div class=\"more\">\n" +
    "                                    <svg class=\"olymp-three-dots-icon\">\n" +
    "                                        <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-three-dots-icon\">\n" +
    "                                        </use>\n" +
    "                                    </svg>\n" +
    "                                </div>\n" +
    "                            </li>\n";

const notificationContent = "      <li class=\"un-read\">\n" +
    "                                <div class=\"author-thumb\">\n" +
    "                                    <img src=\"img/avatar63-sm.jpg\" alt=\"author\">\n" +
    "                                </div>\n" +
    "                                <div class=\"notification-event\">\n" +
    "                                    <div>你已经和<a href=\"#\" class=\"h6 notification-friend\">Nicholas Grissom</a>\n" +
    "                                        <p class='d-none' id='flag'>2</p><span>成为了朋友.</span>\n" +
    "                                    </div>\n" +
    "                                    <span class=\"notification-date\"><time class=\"entry-date updated\"\n" +
    "                                                                          datetime=\"2004-07-24T18:18\">9 hours ago</time></span>\n" +
    "                                </div>\n" +
    "                                <span class=\"notification-icon\">\n" +
    "                                        <svg class=\"olymp-happy-face-icon\">\n" +
    "                                            <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-happy-face-icon\">\n" +
    "                                            </use>\n" +
    "                                        </svg>\n" +
    "                                    </span>\n" +
    "\n" +
    "                                <div class=\"more\">\n" +
    "                                    <svg class=\"olymp-three-dots-icon\">\n" +
    "                                        <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-three-dots-icon\">\n" +
    "                                        </use>\n" +
    "                                    </svg>\n" +
    "                                    <svg class=\"olymp-little-delete\" id='delete-notification'>\n" +
    "                                        <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-little-delete\">\n" +
    "                                        </use>\n" +
    "                                    </svg>\n" +
    "                                </div>\n" +
    "                            </li>";

const notificationContent1 = "      <li class=\"un-read\">\n" +
    "                                <div class=\"author-thumb\">\n" +
    "                                    <img src=\"img/avatar63-sm.jpg\" alt=\"author\">\n" +
    "                                </div>\n" +
    "                                <div class=\"notification-event\">\n" +
    "                                    <div><a href=\"#\" class=\"h6 notification-friend\">Nicholas Grissom</a>\n" +
    "                                        <p class='d-none' id='flag'>3</p><span>拒绝了你的好友请求.</span>\n" +
    "                                    </div>\n" +
    "                                    <span class=\"notification-date\"><time class=\"entry-date updated\"\n" +
    "                                                                          datetime=\"2004-07-24T18:18\">9 hours ago</time></span>\n" +
    "                                </div>\n" +
    "                                <span class=\"notification-icon\">\n" +
    "                                        <svg class=\"olymp-happy-face-icon\">\n" +
    "                                            <use xlink:href=\"svg-icons/sprites/icons.svg#olymp-happy-face-icon\">\n" +
    "                                            </use>\n" +
    "                                        </svg>\n" +
    "                                    </span>\n" +
    "\n" +
    "                                <div class=\"more\">\n" +
    "                                    <svg class=\"olymp-three-dots-icon\">\n" +
    "                                        <use  xlink:href=\"svg-icons/sprites/icons.svg#olymp-three-dots-icon\">\n" +
    "                                        </use>\n" +
    "                                    </svg>\n" +
    "                                    <svg class=\"olymp-little-delete\" id='delete-notification'>\n" +
    "                                        <use  xlink:href=\"svg-icons/sprites/icons.svg#olymp-little-delete\">\n" +
    "                                        </use>\n" +
    "                                    </svg>\n" +
    "                                </div>\n" +
    "                            </li>";

const messageContent = "<li>\n" +
    "                        <div class=\"author-thumb\">\n" +
    "                            <img src=\"img/author-page.jpg\" alt=\"author\" class=\"mCS_img_loaded\">\n" +
    "                        </div>\n" +
    "                        <div class=\"notification-event\">\n" +
    "                            <span class=\"chat-message-item\">Don’t worry Mathilda!</span>\n" +
    "                            <span class=\"chat-message-item\">I already bought everything</span>\n" +
    "                            <span class=\"notification-date\">\n" +
    "                                <time class=\"entry-date updated\"\n" +
    "                                      datetime=\"2004-07-24T18:18\">Yesterday at 8:29pm</time></span>\n" +
    "                        </div>\n" +
    "                    </li>";